<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>${appname}</title>
<%@ include file="/WEB-INF/view/common/css_js_ace.jsp"%>
</head>
<body>
<%@ include file="/WEB-INF/view/common/topbar.jsp"%>
<div class="main-container" id="main-container">
	<div class="main-container-inner">
		<%@ include file="/WEB-INF/view/common/sidebar.jsp"%>
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
				<ul class="breadcrumb">
					<li>
						<i class="icon-home home-icon"></i>
						<a href="#">首页</a>
					</li>

					<li class="active">列表</li>
				</ul>
			</div>

			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						
						<div class="widget-box">
							<div class="widget-header header-color-white">
								<div class="widget-toolbar no-border">
									<a class="btn btn-primary btn-xs" href="form.jsp"><i class="icon-plus-sign icon-on-right"></i> 新增&nbsp;&nbsp;</a>
									<a class="btn btn-danger btn-xs" href="#"><i class="icon-trash icon-on-right"></i> 批量删除&nbsp;</a>
								</div>
								
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<form class="form-inline">
										<label class="inline">
											用户名
											<input type="text" class="input-large form-control search-query"/>
										</label>
										<label class="inline">
											用户名
											<input type="text" class="input-large form-control search-query"/>
										</label>
										
										<button type="button" class="btn btn-primary btn-sm">
											<i class="icon-search icon-on-right bigger-110"></i>
											查找
										</button>
									</form>
									
								</div>
							</div>
						</div>
						
						<div class="hr hr12 hr-dotted"></div>
						
						<div class="table-responsive">
							<table id="sample-table-1" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th class="center">
											<label>
											<input type="checkbox" class="ace" />
											<span class="lbl"></span>
											</label>
										</th>
										<th>Domain</th>
										<th>Price</th>
										<th class="hidden-480">Clicks</th>

										<th>
											<i class="icon-time bigger-110 hidden-480"></i>
											Update
										</th>
										<th class="hidden-480">Status</th>

										<th></th>
									</tr>
								</thead>

								<tbody>
									<tr>
										<td class="center">
											<label>
											<input type="checkbox" class="ace" />
											<span class="lbl"></span>
											</label>
										</td>

										<td>
											<a href="#">ace.com</a>
										</td>
										<td>$45</td>
										<td class="hidden-480">3,330</td>
										<td>Feb 12</td>

										<td class="hidden-480">
											<span class="label label-sm label-warning">Expiring</span>
										</td>

										<td>
											<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
												<a href="detail.jsp" class="btn btn-sm btn-primary">
													<i class="icon-zoom-in bigger-120"></i> 查看
												</a>
												<a href="#" class="btn btn-sm btn-success">
													<i class="icon-edit bigger-120"></i> 修改
												</a>
												<a href="#"  class="btn btn-sm btn-warning"> 
													<i class="icon-trash bigger-120"></i> 删除
												</a>
											</div>
											
											<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
												<a href="javascript:void(0)" class="btn btn-xs btn-success">
													<i class="icon-ok bigger-120"></i>
												</a>

												<a class="btn btn-xs btn-info">
													<i class="icon-edit bigger-120"></i>
												</a>

												<a class="btn btn-xs btn-danger">
													<i class="icon-trash bigger-120"></i>
												</a>

												<button class="btn btn-xs btn-warning">
												<i class="icon-flag bigger-120"></i>
												</button>
											</div>
											
											<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
												<a href="javascript:void(0)" class="btn btn-xs btn-success">
													<i class="icon-ok bigger-120"></i>
												</a>

												<a class="btn btn-xs btn-info">
													<i class="icon-edit bigger-120"></i>
												</a>

												<a class="btn btn-xs btn-danger">
													<i class="icon-trash bigger-120"></i>
												</a>

												<button class="btn btn-xs btn-warning">
												<i class="icon-flag bigger-120"></i>
												</button>
											</div>
											
											<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
												<a class="blue" href="javascript:void(0)">
													<i class="icon-zoom-in bigger-130"></i>
												</a>

												<a class="green" href="#">
													<i class="icon-pencil bigger-130"></i>
												</a>

												<a class="red" href="#">
													<i class="icon-trash bigger-130"></i>
												</a>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
